<%@ page language="java" import="java.util.*" pageEncoding="utf-8" %>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>

<div class="case_top">
	<p class="con_name"><s:property value="nav.navName" /></p>
	<a href="front/newsAllByDise_find.action?nav.navId=<s:property value='nav.navId' />" class="more" style="color:#FFFFFF"><s:text name="site.more" /></a>
</div>
<div class="case_con">
	<div>
		<!--视频-->
		<div class="case_v">
			<script>
				$(function(){
					$('#slides').slides({
						preload: true,
						preloadImage:'gko100/front/images/case/loading.gif',
						play: 5000,
						pause: 2500,
						hoverPause: true,
						animationStart: function(){
							$('.caption').animate({
								bottom:-40
							},100);
						},
						animationComplete: function(current){
							$('.caption').animate({
								bottom:17
							},200);
							if (window.console && console.log) {
								// example return of current slide number
								console.log(current);
							};
						}
					});
				});
			</script>
               
            <div id="container">
				<div id="example">
	  				<div id="slides">
	  					<div class="slides_container">
							<s:iterator value="diseArtiList" id="dal" status="s">
								<div>
									<a href="front/artiByArtiId_find.action?arti.artiId=<s:property value='#dal.articleId' /> " title="<s:property value='#dal.artiTitle' />" target="_blank">
										<img src="<s:property value='#dal.videoImageUrl' />" width="250" height="160" alt="Slide <s:property value='#s.index' />">
									</a>
									<div class="caption" style="bottom:16px">
										<p><s:property value='#dal.artiTitle' /></p>
									</div>
								</div>
							</s:iterator>
						</div>
						<a href="#" class="prev"><img src="gko100/front/images/case/arrow-prev.png" width="24" height="43" alt="Arrow Prev"></a>
						<a href="#" class="next"><img src="gko100/front/images/case/arrow-next.png" width="24" height="43" alt="Arrow Next"></a>
					</div>
					<img src="gko100/front/images/case/new-ribbon.png" width="50" height="50" alt="New Ribbon" id="ribbon" /><img src="gko100/front/images/case/example-frame.png" width="250" height="190" alt="Example Frame" id="frame">
				</div>
			</div>

		</div>
               
        <!--文字--> 
		<script language="javascript" type="text/javascript">
			function showsub_d(id){
				for (i = 0;i<6;i++){
					document.getElementById("tab_d"+i).className = "title1_out";
					document.getElementById("sub_d"+i).style.display = "none";
				}
					document.getElementById("tab_d"+id).className = "title1_over";
					document.getElementById("sub_d"+id).style.display = "";
			}
		</script>
		<div class="case_w">
				<div class="mbc_t1">
					<s:iterator value="diseaseList" id="dl" status="s"> 
						<s:if test="#s.index==0">
							<span class="title1_over" id="tab_d<s:property value="#s.index" />" onMouseOver="showsub_d(<s:property value="#s.index" />)">
								<a href="<s:property value='#dl.url' /><s:property value='#dl.diseaseId' />" target="_blank">
									<s:property value='#dl.title' />
								</a>
							</span>
						</s:if>
						<s:else>
							<span class="title1_out" id="tab_d<s:property value="#s.index" />" onMouseOver="showsub_d(<s:property value="#s.index" />)">
								<a href="<s:property value='#dl.url' /><s:property value='#dl.diseaseId' />" target="_blank">
									<s:property value='#dl.title' />
								</a>
							</span>
						</s:else>
					</s:iterator>
					<span class="mbct_r1"></span>
				</div>
				<div class="mbc_b2">
					<s:iterator value="diseaseList" id="dl" status="s"> 
			            <ul>      
			            	<s:if test="#s.index==0">
				            	<ol id="sub_d<s:property value='#s.index' />" > 
						        	
						            <s:action name="diseArtiList_find" var="param_diseaseId" executeResult="true" namespace="/front" >
						            	<s:param name="param_diseaseId"><s:property value="#dl.diseaseId" /></s:param>
						            </s:action>
				                </ol>
			                </s:if>
			                <s:else>
			                	<ol id="sub_d<s:property value='#s.index' />" style="DISPLAY: none">  
						        	
						            <s:action name="diseArtiList_find" var="param_diseaseId" executeResult="true" namespace="/front" >
						            	<s:param name="param_diseaseId"><s:property value="#dl.diseaseId" /></s:param>
						            </s:action>
				                </ol>
			                </s:else>
			            </ul>   
					</s:iterator>
				</div>
		</div>
	

		<!--分类视频-->
	    <div class="zhanshi">
	    	<s:iterator value="diseArtiMap.keySet()" id="dis" status="s">	
				<div class="servicetitle<s:property value='#s.index+1' />">
					<div class="anlidaohan"><s:property value="#dis.title" /></div>
					<s:iterator value="diseArtiMap.get(#dis)" id="dam">
						<div class="shipin">
							<a href="front/artiByArtiId_find.action?arti.artiId=<s:property value='#dam.articleId'/>">
								<img src="<s:property value='#dam.videoImageUrl' />" width="120" height="90" />
							</a>
							<p>&nbsp;</p>
							<p><s:property value='#dam.artiTitle' /></p>
						</div>
					</s:iterator>	
				</div>
			</s:iterator> 

		</div>
	    <div class="case_end"><img src="gko100/front/images/Title/top.png" width="1368" height="20"/></div>
	</div>
</div>